<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:a="https://github.com/pylonide/pylon" >
    <head>
        <title>Caldropdown Gen API</title>
        
        <script src="../ppc.js"></script>
    </head>
    <body>
        <a:skin src="../skins.xml" media-path="../images/" icon-path="../icons/" />
        
        <a:appsettings debug="1" />
            
        <a:list 
          width         = "100"
          height        = "100"
          skin          = "thumbnail"
          onafterchoose = "ss1.select(this.selected)" 
          autoselect    = "false"
          model         = "mdlSlideshow1">
            <a:bindings>
                <a:image match="[@name]" value="images/slideshow_img/[@name]_small.jpg"></a:image>
                <a:caption match="[@title]" />
                <a:each match="[picture]"></a:each>
            </a:bindings>
        </a:list>
        <a:model 
          id            = "mdlSlideshow1" 
          save-original = "true">
            <data>
                <picture name="img13" title="Landscape"></picture>
                <picture name="img14" title="Flower"></picture>
                <picture name="img15" title="Trees"></picture>
                <picture name="img16" title="Sunflower"></picture>
                <picture name="img17" title="City"></picture>
                <picture name="img18" title="Meeting"></picture>
                <picture name="img19" title="Call center"></picture>
                <picture name="img21" title="The country"></picture>
                <picture name="img22" title="River"></picture>
                <picture name="img24" title="Wool"></picture>
                <picture name="img25" title="Fabric"></picture>
                <picture name="img26" title="Ocean"></picture>
                <picture name="img27" title="Beach"></picture>
                <picture name="img1" title="Phone"></picture>
                <picture name="img2" title="Lemon... ?"></picture>
                <picture name="img3" title="Mainboard"></picture>
                <picture name="img4" title="Sky"></picture>
                <picture name="img5" title="Beach"></picture>
                <picture name="img6" title="Cogwheel"></picture>
                <picture name="img7" title="Antenna"></picture>
                <picture name="img8" title="Beach"></picture>
                <picture name="img9" title="Cosmodrome"></picture>
                <picture name="img10" title="Outer space"></picture>
                <picture name="img11" title="Planet Earth"></picture>
                <picture name="img12" title="Hands"></picture>
            </data>
        </a:model>
        <a:slideshow
          id            = "ss1"
          title         = "number+text"
          skin          = "slideshowdemo"
          delay         = "5"
          model         = "mdlSlideshow1"
          thumbheight   = "60"
          loadmsg       = "Loading..."
          defaulttitle  = "Some discription"
          empty-message = "There are no pictures"
          scalewidth    = "false">
            <a:bindings>
                <a:src match="[@name]">images/slideshow_img/[@name].jpg</a:src>
                <a:title match="[@title]"></a:title>
                <a:thumb match="[@name]">images/slideshow_img/[@name]_small.jpg</a:thumb>
                <a:each match="[picture]"></a:each>
            </a:bindings>
        </a:slideshow>
    </body>
</html>
